import React from "react"

export default () => {
    const location = useLocation()  // 相当于js的location

    // 获取当前访问的路径 绑定到选中的tab上
    const {pathname} = location

    // 切换选中的tab
    const SwitchTab = (url: string):void => React.navigate(url)

    return (
        <>
            <React.UI.TabBar style={{ width: '100%' }} onChange={SwitchTab} activeKey={pathname}>
                <React.UI.TabBar.Item key={"/"}  title={"首页"} icon={<React.ICON.AppOutline />} />
                <React.UI.TabBar.Item key={"/business"} title={"我的"} icon={<React.ICON.UserCircleOutline />}/>
            </React.UI.TabBar>
        </>
    )
}